/*
 * @Description: 
 * @Date: 2023-03-16 16:45:50
 * @LastEditors: czp
 * @LastEditTime: 2023-05-09 10:41:39
 */
* {
	box-sizing: border-box;
}
body {
	font-family: SourceSerif;
}
.more {
	position: relative;
	z-index: 9;
	display: block;
	width: 100%;
	padding: 0 16px;
	font-size: 14px;
	color: #ac1818;
	text-align: right;
}
h4,
h5 {
	padding: 0;
	margin: 0;
}
.van-sticky {
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
}
.login-dialog .el-dialog__header {
	padding: 0;
}

$white-bg: #ffffff;
$theme-color: #c39f63;
.el-menu {
	width: 120px;
	text-align: center;
	border: none;

	--el-menu-active-color: #ffffff;
	--bg-color: #c39f63;
	.el-menu-item {
		justify-content: center;
		&.is-active {
			background-color: var(--bg-color);
		}
	}
}
.video-box {
	position: relative;
	svg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 40px;
		height: 40px;
		transform: translate(-50%, -50%);
	}
	.viewer {
		position: absolute;
		right: 4%;
		bottom: 4%;
		display: flex;
		align-items: center;
		font-size: 20px;
		color: #ffffff;
		img {
			width: 24px;
			height: 24px;
			margin-right: 10px;
		}
	}
	video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
.in {
	:hover {
		transition: all 1s ease;
		transform: scale(1.2);
	}
}

/* start--文本行数限制--start */
.ty-line-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ty-line-2 {
	-webkit-line-clamp: 2;
}
.ty-line-3 {
	-webkit-line-clamp: 3;
}
.ty-line-4 {
	-webkit-line-clamp: 4;
}
.ty-line-5 {
	-webkit-line-clamp: 5;
}
.ty-line-2,
.ty-line-3,
.ty-line-4,
.ty-line-5 {
	display: -webkit-box; // 弹性伸缩盒
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}

/* scroll bar */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-thumb {
	background-color: var(--el-border-color-darker);
	border-radius: 20px;
}
